@import "fonts.css";

/* @font-face {
    font-family: 'LXGW WenKai';
    src: url('https://cdn.jsdelivr.net/gh/jinghu-moon/Blog_Static_Files@main/font/LXGWWenKai-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

.links-content {
    margin-top: 1rem;
}

.link-navigation::after {
    content: " ";
    display: block;
    clear: both;
}

.card {
    position: relative;
    width: 25%;
    padding: 0;
    border-radius: 10px;
    transition-duration: .3s;
    margin-bottom: 1.5rem;
    margin-left: 16px;
    display: block;
    float: left;
    box-shadow: 0 0 6px 1px rgb(0 0 0 / 10%);
    background: transparent;
    overflow: hidden;
    border: none !important;
    padding: 10px !important;
    padding-bottom: 0 !important;
}

/* 鼠标悬浮，动画 */
.card:hover:before,
.card:focus:before,
.card:active:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.card:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, #e4f0f5 0%, #e4f0f5 100%);
    -webkit-transform: translateY(209px);
    /* 由下至上覆盖。详细搜索 translate */
    transform: translateY(209px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.25s;
    /* 动画时间 */
    transition-duration: all 0.25s;
    -webkit-transition-timing-function: ease-out;
    /* 动画速度 */
    transition-timing-function: ease-out;
}

/* 鼠标悬浮，卡片上滑 */
.card:hover,
.card:hover>.card-header a,
.card:hover>.card-content a {
    transform: translateY(-10px);
}

@media(max-width:567px) {
    .card {
        margin-left: 20px;
        width: calc((100% - 20px)/2)
    }

    .card:nth-child(2n+1) {
        margin-left: 0
    }

    .card:not(:nth-child(2n+1)) {
        margin-left: 20px
    }
}

@media(min-width:567px) {
    .card {
        margin-left: 20px;
        width: calc((100% - 40px)/3)
    }

    .card:nth-child(3n+1) {
        margin-left: 0
    }

    .card:not(:nth-child(3n+1)) {
        margin-left: 40px
    }
}

@media(min-width:768px) {
    .card {
        margin-left: 16px;
        width: calc((100% - 60px)/4)
    }

    .card:nth-child(4n+1) {
        margin-left: 0
    }

    .card:not(:nth-child(4n+1)) {
        margin-left: 20px
    }
}

/* 卡片标题 */
.card .card-header {
    display: block;
    padding: .25rem .5rem;
    font-weight: bolder;
    /* color: #fd7c5e; */
    white-space: nowrap;
    font-family: '微软雅黑';
    font-size: 16px;
    background-color: transparent;
    cursor:pointer;
    border: none;
}

.card .card-header a {
    text-decoration: none;
    border: 0;
    overflow: hidden;
}

.card .card-header a:hover {
    color: #222222;
    text-decoration: none;
    border: 0;
}

/* 卡片内容 */
.card .card-content {
    font-family: 'LXGW WenKai';
    display: block;
    text-align: left;
    margin: .5rem .5rem;
    margin-top: 0;
    font-weight: 500;
    font-size: smaller;
    color: #9e9e9e;
    height: 44px;
    word-break: break-all;
    display: -webkit-box;
    /* 内容行数 */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card .card-content a {
    font-style: normal;
    color: #222222;
    font-weight: 500;
    text-decoration: none;
    border: 0;
    overflow: hidden
}

/* 自定义书签页里的 index.md 内容属性， */
.stars_h2 {
    color: #000;
}